<template>
  <div>
    <ul>
      <li>
        <a href="#js_type">基本数据类型</a>
      </li>
      <li>
        <a href="#js_type1">基本数据类型</a>
      </li>
      <li>
        <a href="#js_type2">基本数据类型</a>
      </li>
    </ul>

    <h2 id="js_type">基本数据类型</h2>
    <ol>
      <li>string</li>
      <li>number</li>
      <li>boolean</li>
      <li>null</li>
      <li>undefined</li>
      <li>
        symbol: 值唯一, symbol值能作为对象属性的标识符；这是该数据类型仅有的目的
        <br />
        const hong = Symbol('hong'); <br />
        let obj = {[hong]: '洪典典'}; <br />
      </li>
      <li>
        bigint: 任意精度整数。<br />
        const num = 10086n; <br />
        <button @click="add">加法: {{ result }}</button>
      </li>
    </ol>
  </div>
</template>

<script lang="ts" setup>
let result: bigint

function add() {
  const b1 = BigInt(0.1 * 10)
  const b2 = BigInt(0.2 * 10)
  return b1 + b2
}

result = add()
</script>
